<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>暖岛网_中国具有创造力的设计电商</title>
		<link rel="stylesheet" type="text/css" href="css/all.css" />
		<link rel="stylesheet" type="text/css" href="index_iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script src="js/Cookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/animate-zh.js" type="text/javascript" charset="utf-8"></script>

		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/api.js" type="text/javascript" charset="utf-8"></script>

		<script src="js/secondNav.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="scoll-top">
			<div class="wraper1">
				<div class="header-a">
					<a href="index.html">
						<div class="logo">暖岛</div>
					</a>
					<div class="header-search">
						<input type="search" class="header-search-input" id="J_search-input" placeholder="请输入关键字搜索">
						<i></i>
					</div>
					<span class="header-a_hint">每日10点上新&nbsp;&nbsp;&nbsp;&nbsp;满249元包邮</span>
					<div class="index-weiboshare m-hidden" id="J_index-weibo-plugins1"><iframe width="121" scrolling="no" height="24" frameborder="0" src="http://widget.weibo.com/relationship/followbutton.php?language=zh_cn&amp;width=136&amp;height=24&amp;uid=2093879035&amp;style=2&amp;btn=red&amp;dpc=1"></iframe></div>

					<div class="nav-mynuandao">
						<div class="mini-cart">
							<span class="iconfont icon-gouwuche"></span>
							<span class="cart-word">购物车</span>
							<span class="cart-num">0</span>
						</div>
						<li class="site-nav-pipe m-hidden">|</li>
						<div class="user-login">
							<a href="reg-login.html">登录 | 注册</a>
						</div>
						<div id="user-information">
							<span class="user-img"></span>
							<span class="user-name"></span>
							<p class="user-icon"></p>
							<div class="user-nuandao">
								<div class="arrow"></div>
								<ul class="user-nuandao-list">
									<li><a href="javascript:;">我的订单</a></li>
									<li><a href="javascript:;">未付款订单</a></li>
									<li><span class="user-nuandao-num">1</span><a href="javascript:;">我的代金券</a></li>
									<li><a href="javascript:;">我的评价</a></li>
									<li><a href="javascript:;">我的最爱</a></li>
									<li><a href="javascript:;">我的作品</a></li>
									<li><a href="javascript:;">修改密码</a></li>
									<li class="log-out" id="log-out"><a href="javascript:;">登出</a></li>
								</ul>
								
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--2-->
			<div class="wraper2">
				<div class="container">
					<ul class="main-nav">
						<li>
							<a href="javascript:;" class="nav-special">大家喜欢</a>
						</li>
						<li>
							<a href="javascript:;" class="open-second-nav second-nav-1">女装服饰</a>
						</li>
						<li>
							<a href="javascript:;" class="open-second-nav second-nav-2">男装服饰</a>
						</li>
						<li>
							<a href="javascript:;" class="open-second-nav second-nav-3">美容健康</a>
						</li>
						<li>
							<a href="javascript:;" class="open-second-nav second-nav-4">家居创意</a>
						</li>
						<li>
							<a href="javascript:;" class="open-second-nav second-nav-5">数码户外</a>
						</li>
						<li>
							<a href="javascript:;" class="open-second-nav second-nav-6">限时暖价</a>
						</li>
						<li>
							<a href="javascript:;" class="nav-special">精选品牌</a>
						</li>

					</ul>
					<div class="wraper2-1">
						<div class="wraper2-1_cont cont-first"><i class="iconfont icon-haoyou icon-color"></i>邀请好友立送20元</div>
						<div class="wraper2-1_cont cont-second">
							<div class="mobile-link">
								<i class="iconfont icon-mobile icon-color">
								
							</i> 手机版
							</div>
							<!--hover-->
							<div class="hover-mobile">
								<img src="img/mobile.jpg" />
								<div class="arrow2"></div>
							</div>
						</div>
						<div class="wraper2-1_cont cont-third">
							<div class="iconfont icon-weixin">
							</div>
							<!--hover-->
							<div id="" class="hover-weixin">
								<img src="img/weixin.jpg" />
								<div class="arrow3"></div>
							</div>
						</div>

					</div>
					<!---->
					<!--2级菜单-->
					<div class="wrapper-second-nav">
						<div class="second-nav">
							<div class="second-nav-l">
								<h4>逛分类</h4>
								<ul>
									<li>
										<a href="javascript:;">
											<!--新品T恤-->
										</a>
									</li>
									<li>
										<a href="javascript:;">
											<!--T恤背心-->
										</a>
									</li>
									<li>
										<a href="javascript:;">
											<!--卫衣-->
										</a>
									</li>
									<li>
										<a href="javascript:;">
											<!--衬衫罩衫-->
										</a>
									</li>
									<li>
										<a href="javascript:;">
											<!--毛衣针织-->
										</a>
									</li>
									<li>
										<a href="javascript:;">
											<!--连衣裙-->
										</a>
									</li>
								</ul>
								<ul>
									<li>
										<a href="javascript:;">
											<!--半身裙-->
										</a>
									</li>
									<li>
										<a href="javascript:;">
											<!--外套-->
										</a>
									</li>
									<li>
										<a href="javascript:;">
											<!--牛仔裤-->
										</a>
									</li>
									<li>
										<a href="javascript:;">
											<!--裤装-->
										</a>
									</li>
									<li>
										<a href="javascript:;">
											<!--泳衣-->
										</a>
									</li>
									<li>
										<a href="javascript:;">
											<!--內衣-->
										</a>
									</li>
								</ul>
								<ul>
									<li>
										<a href="javascript:;">
											<!--袜子-->
										</a>
									</li>
									<li>
										<a href="javascript:;">
											<!--鞋靴-->
										</a>
									</li>
									<li>
										<a href="javascript:;">
											<!--箱包-->
										</a>
									</li>
									<li>
										<a href="javascript:;">
											<!--饰品-->
										</a>
									</li>
									<li>
										<a href="javascript:;">
											<!--配件-->
										</a>
									</li>
									<li>
										<a href="javascript:;">
											<!--限时暖价-->
										</a>
									</li>
								</ul>
							</div>
							<div class="second-nav-r">

								<h4>特别推荐</h4>
								<div class="second-nav-r-bottom">
									<ul>
										<li>
											<a href="javascript:;">暖岛独家</a>
										</li>
										<li>
											<a href="javascript:;">买手精选</a>
										</li>
										<li>
											<a href="javascript:;">编辑推荐</a>
										</li>
										<li>
											<a href="javascript:;">岛民最爱</a>
										</li>
										<li>
											<a href="javascript:;">本月星座</a>
										</li>
										<li>
											<a href="javascript:;">LookBook</a>
										</li>
									</ul>
									<div class="second-nav-r-img">
										<a href="javascript:;"><img /></a>
										<a href="javascript:;"><img /></a>
										<a href="javascript:;"><img /></a>
										<a href="javascript:;"><img /></a>
										<a href="javascript:;"><img /></a>
										<a href="javascript:;"><img /></a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!---->
				</div>

			</div>
		</div>
		<!--baoqilai-->
		<!--空白-->
		<div class="header-none">

		</div>

		<!--3轮播-->
		<div class="wraper3">
			<ul id="item">
				<li style="opacity:1;"><img src="http://img2.nuandaoimg.com/Public/images/uploads/focuspic/20181019/5bc98fdeb6b54.jpg" /></li>
				<li><img src="https://img.alicdn.com/tps/i4/TB19E7ri4TpK1RjSZFGSuwHqFXa.jpg" /></li>
				<li><img src="https://pic.lily.sh.cn/PC%E7%AB%AF18%E5%86%AC%E6%99%9A%E6%99%9Abanner.jpg" /></li>
				<li><img src="http://ecimg.happigo.com/data/upload/shop/editor/web-101-101-1-1541474079.jpg?2131" /></li>
			</ul>
			<button id="left-btn" class="left-btn"><</button>
			<button id="right-btn" class="right-btn">></button>
			<!--<ul id="opoint">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>-->
		</div>
		<!--44444-->
		<div class="banner-highlights">
			<img src="http://img2.nuandaoimg.com/Public/images/web/highlights-980.png">
		</div>
		<!--555今日上新-->
		<div class="wraper5">
			<div class="container5">
				<h2>今日上新</h2>
				<ul class="today-product">

				</ul>
			</div>
		</div>
		<!--6666空白-->
		<div class="wrapper6">
			<div></div>
			<div></div>
		</div>
		<!--7777本周特卖-->
		<div class="wraper7">
			<div class="container7">
				<div class="week-title">
					<h2>本周特卖</h2>
					<strong class="m-hidden">回顾本周新品 享持续特卖价</strong>
				</div>
				<ul class="week-product">

				</ul>
			</div>
		</div>
		<!--8888底部-->
		<div class="wrapper8">

			<div id="footer">

				<div id="goTop">^</div>

				<div id="footer-color">
					<div class="footer-a">
						<div class="footer-a-left">
							<ul>
								<li>
									<a href="javascript:;">逛逛暖岛</a>
								</li>
								<li>
									<a href="javascript:;">登录注册</a>
								</li>
								<li>
									<a href="javascript:;">下单及支付</a>
								</li>
								<li>
									<a href="javascript:;">使用代金券</a>
								</li>
								<li>
									<a href="javascript:;">找回密码</a>
								</li>
							</ul>
							<!--2-->
							<ul>
								<li>
									<a href="javascript:;">订单详情</a>
								</li>
								<li>
									<a href="javascript:;">查询订单</a>
								</li>
								<li>
									<a href="javascript:;">追踪物流</a>
								</li>
								<li>
									<a href="javascript:;">配送费用</a>
								</li>
								<li>
									<a href="javascript:;">配送时间</a>
								</li>
							</ul>
							<!--3-->
							<ul>
								<li>
									<a href="javascript:;">退货换货</a>
								</li>
								<li>
									<a href="javascript:;">退还规则</a>
								</li>
								<li>
									<a href="javascript:;">退换方式</a>
								</li>
								<li>
									<a href="javascript:;">退款时间</a>
								</li>
								<li>
									<a href="javascript:;">运费报销</a>
								</li>
							</ul>
							<!--4-->
							<ul>
								<li>
									<a href="javascript:;">关于暖岛</a>
								</li>
								<li>
									<a href="javascript:;">暖岛故事</a>
								</li>
								<li>
									<a href="javascript:;">合作机会</a>
								</li>
								<li>
									<a href="javascript:;">加入暖岛</a>
								</li>
								<li>
									<a href="javascript:;">联系我们</a>
								</li>
							</ul>
						</div>
						<div class="footer-a-right">
							<h4>订阅电子报</h4>
							<div class="footer-email">
								<input class="input" type="email" name="news-email" id="news-email" placeholder="请输入邮箱地址">
								<a herf="javascript:;" id="newsbook-btn" class="iconfont icon-youxiang-"><i></i></a>
							</div>
							<!--图标-->

							<!--图标-->
						</div>
					</div>

				</div>
				<!--color-->
				<!--footer-->

				<div class="footer-b">
					<div class="anquan">
						<img src="img/anquanrenz.jpg" />
					</div>
					<ul class="footer-list">
						<li>
							<a href="javascript:;">使用条款</a>
						</li>
						<li>
							<a href="javascript:;">暖岛APP</a>
						</li>
						<li>
							<a href="javascript:;">友情链接</a>
						</li>
					</ul>
					<p>Nuandao.com 北京暖岛网络信息科技有限公司 © 2011-2016 All rights reserved 京ICP备13034710号-1 | 京公网安备11010102001819号 | 执照号：91110108584425669B | 营业执照信息 | 食品经营许可证：
					</p>

					<a class="icon-315 m-hidden" href="http://www.315online.com.cn/member/315140028.html" title="安全交易认证" target="_blank"></a>
					<div class="work m-hidden">
						周一至周五9:30-18:00<br> 客服热线：021-50276566
					</div>
				</div>
				<!--footer-b-->

				<!--联系客服-->
				<div style="position: fixed; z-index: 279; bottom: 5px; right: 5px;">
					<a href="javascript:;" onclick="easemobim.bind({tenantId: 27912})">
						<img id="easemob-icon" src="http://img2.nuandaocdn.com/Public/images/easemob-icon.png">
					</a>
				</div>
				<!--联系客服-->
			</div>
		</div>
	</body>
	<script src="js/banner.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/ajax.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		//添加用户名
		if(getCookie('userEmail')){
			$('.user-login').style.display='none'
			$('#user-information').style.display='block';
			$('.user-name').innerHTML=getCookie('userEmail')
			
		}
		
		window.onload = function() {
			//			var banner=bannerOpacity();
			//今日上新
			var newPAPI = api.newProductApi + '?uid=11877';
			//console.log(newPAPI);11967
			
			ajaxs(newPAPI, 0, 4, $('.today-product'))
			ajaxs(newPAPI, 4, 28, $('.week-product'))

		}
		//滑动滚轮
		window.onscroll = function() {
			let scrollTop = document.scrollingElement.scrollTop;
			//console.log(scrollTop)
			if(0<scrollTop<10) {
				animate($('#scoll-top'), {
					top: -46
				}, function(res) {
//					$('.wraper2').style.top = 0;
				})

			}
			if(scrollTop == 0){
				//console.log("回去")
				animate($('#scoll-top'), {
					top: 0
				})
				
			}
			
//			if(scrollTop == 0){
//				console.log('回去')
////				$('.wraper2').style.top = null;
//				animate($('#scoll-top'), {
//					top: 0
//				}, function(res) {
//
//				})
//
//			}else{
//				$('#scroll-top').style.top = 0;
//			}
			//回到顶部
			$('#goTop').onclick = function() {
				document.scrollingElement.scrollTop = 0
			}
		}

		//二级导航滑过效果
		let olis = document.querySelectorAll('.second-nav-l a');
		let oimgs = document.querySelectorAll('.second-nav-r-img img');
		// console.log(olis)
		// console.log(oimgs)
		function html(arr, arr2) {

			$('.wrapper-second-nav').style.display = 'block';
			$('.second-nav-r').style.display = 'block';
			for(let i = 0; i < olis.length; i++) {
				olis[i].innerHTML = '';
				if(arr[i]) {
					olis[i].innerHTML = arr[i];
				}
			}
			for(let j = 0; j < oimgs.length; j++) {
				oimgs[j].src = null;
				if(arr2[j]) {
					oimgs[j].src = arr2[j]
				}
			}
		}

		$('.container').onmouseenter = function(e) {
			//console.log(e.target);
			$('.container').onmousemove = function(evt) {
				if(evt.target.className == 'open-second-nav second-nav-1') {
					html(secondWord1, secondImg1)
				} else if(evt.target.className == 'open-second-nav second-nav-2') {
					html(secondWord2, secondImg2)
				} else if(evt.target.className == 'open-second-nav second-nav-3') {
					html(secondWord3, secondImg3)
				} else if(evt.target.className == 'open-second-nav second-nav-4') {
					html(secondWord4, secondImg1)
				} else if(evt.target.className == 'open-second-nav second-nav-5') {
					html(secondWord5, secondImg4)
				} else if(evt.target.className == 'open-second-nav second-nav-6') {
					html(secondWord6, secondImg2)
					$('.second-nav-r').style.display = 'none'
				}else if(evt.target.className == 'nav-special'){
					$('.wrapper-second-nav').style.display = 'none';
				}

			}
			$('.container').onmouseleave = function(eve) {
				//console.log('离开2级标题22222');
				$('.main-nav').onmousemove = null;
				$('.wrapper-second-nav').style.display = 'none';
				eve.stopPropagation();
			}
			//鼠标滑过图片效果
			//			$('.addImg').onmousemove=function(evt){
			//				console.log(evt.target)
			//			}

		}
		
		
		//点击2级标题跳转
		var links=document.querySelectorAll('.second-nav a');
		//console.log(clickLinks)
		links.forEach(function(ele){
			ele.onclick=function(){
				this.href=`second-list.html`
			}
		})
		
	</script>

</html>